HTMLify
index.html
Views: 28 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CodePen - Glassmorph JS Calculator</title> <link rel="stylesheet" href="./style.css"> </head> <body> <!-- partial:index.partial.html --> <div class="container"> <form class="calculator" name="calc"> <!-- <input type="text" readonly class="value" name="txt"> --> <textarea name="txt" readonly class="value" rows="3"></textarea> <span class="num clear" onclick="calc.txt.value = ''">c</span> <span class="num" onclick="document.calc.txt.value +='/'">/</span> <span class="num" onclick="document.calc.txt.value +='*'">*</span> <span class="num" onclick="document.calc.txt.value +='7'">7</span> <span class="num" onclick="document.calc.txt.value +='8'">8</span> <span class="num" onclick="document.calc.txt.value +='9'">9</span> <span class="num" onclick="document.calc.txt.value +='-'">-</span> <span class="num" onclick="document.calc.txt.value +='4'">4</span> <span class="num" onclick="document.calc.txt.value +='5'">5</span> <span class="num" onclick="document.calc.txt.value +='6'">6</span> <span class="num plus" onclick="document.calc.txt.value +='+'">+</span> <span class="num" onclick="document.calc.txt.value +='1'">1</span> <span class="num" onclick="document.calc.txt.value +='2'">2</span> <span class="num" onclick="document.calc.txt.value +='3'">3</span> <span class="num" onclick="document.calc.txt.value +='0'">0</span> <span class="num" onclick="document.calc.txt.value +='00'">00</span> <span class="num" onclick="document.calc.txt.value +='.'">.</span> <span class="num equal" onclick="document.calc.txt.value =eval(calc.txt.value)">=</span> </form> </div> <!-- partial --> <script src='https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js'></script><script src="./script.js"></script> </body> </html> |